<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 引入 Bootstrap 核心 JavaScript 文件 -->
<script 
  src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" 
  integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" 
  crossorigin="anonymous"
  ></script>
<!-- 引入 DPlayer -->
<script src="https://cdn.jsdelivr.net/npm/dplayer/dist/DPlayer.min.js"></script>

<script>
  $('.panel-body img').click(function (e) {

    // 创建播放器
    var dp = new DPlayer({
      container: document.getElementById('dplayer'),
      video: {
          url: $(this).data('video-url'),  // 视频地址
          pic: $(this).attr('src')  // 封面图
      },
    });
    // 模态框显示
    $('#myModal').modal()
    
  })
</script>